<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>排序</title>
    
</head>
<body>
    <div class="content"><form>
        <input id="input" type="text" placeholder="输一个数" value="3" /><br>
        <input type="text" placeholder="输一个数" value="6" /><br>
        <input type="text" placeholder="输一个数" value="81" /><br>
        <input type="text" placeholder="输一个数" value="4" /><br>
        <input type="text" placeholder="输一个数" value="0" /><br>
        <input type="text" placeholder="输一个数" value="7" />
    </form>
    <input type="button" onclick="sort( )" value="排序">
    </div>

    <script>
        function sort(){
            var arr=new Array();
            
            for (i=0;i<6;i++) 
            {
                       arr[i] = document.getElementsByTagName('input')[i].value;
                       
            }                       

            
           for(var i=1;i<6;i++){     //第一轮循环表示循环的轮数
                for(var j=0;j<(6-i);j++){  //这轮的for循环指的是每次循环的次数
                    if(arr[j]>arr[j+1]){
                        var temp=arr[j];
                        arr[j]=arr[j+1];
                        arr[j+1]=temp;
                    }
                }
             }

                   document.write("从小到大的顺序为："+arr)
        }
        
    </script>
   




</body>
    
</html>